import React from "react";
export const LJIcon = {
    Star: {
        Active: ({width=16,height=16})=>{
            return <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg" fill="#FFCD29">
                <path d="M15.0695 4.67438C15.9647 2.79826 18.6353 2.79826 19.5305 4.67438L21.705 9.23137C22.0653 9.98641 22.7831 10.5079 23.6125 10.6173L28.6184 11.2771C30.6794 11.5488 31.5046 14.0886 29.9969 15.5198L26.3349 18.9961C25.7282 19.572 25.454 20.4159 25.6063 21.2385L26.5257 26.2033C26.9042 28.2473 24.7437 29.817 22.9166 28.8254L18.4789 26.4168C17.7436 26.0178 16.8564 26.0178 16.1211 26.4168L11.6834 28.8254C9.85634 29.817 7.69584 28.2473 8.07433 26.2033L8.99367 21.2385C9.14599 20.4159 8.87181 19.572 8.26506 18.9961L4.60306 15.5198C3.09541 14.0886 3.92064 11.5488 5.98158 11.2771L10.9875 10.6173C11.8169 10.5079 12.5347 9.98641 12.895 9.23137L15.0695 4.67438Z" fill="#FFCD29"/>
            </svg>
        },
        unActive: ({width=16,height=16})=>{
            return <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
                <path d="M15.0695 4.67438C15.9647 2.79826 18.6353 2.79826 19.5305 4.67438L21.705 9.23137C22.0653 9.98641 22.7831 10.5079 23.6125 10.6173L28.6184 11.2771C30.6794 11.5488 31.5046 14.0886 29.9969 15.5198L26.3349 18.9961C25.7282 19.572 25.454 20.4159 25.6063 21.2385L26.5257 26.2033C26.9042 28.2473 24.7437 29.817 22.9166 28.8254L18.4789 26.4168C17.7436 26.0178 16.8564 26.0178 16.1211 26.4168L11.6834 28.8254C9.85634 29.817 7.69584 28.2473 8.07433 26.2033L8.99367 21.2385C9.14599 20.4159 8.87181 19.572 8.26506 18.9961L4.60306 15.5198C3.09541 14.0886 3.92064 11.5488 5.98158 11.2771L10.9875 10.6173C11.8169 10.5079 12.5347 9.98641 12.895 9.23137L15.0695 4.67438Z" fill="#D9D9D9"/>
            </svg>
        }
    },
    Diamond: ({width=16,height=16})=>{
        return <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path d="M14.6329 28.3331C14.9101 28.564 15.266 28.6783 15.6257 28.6519C15.9861 28.628 16.3241 28.4686 16.5717 28.2056L29.2073 14.8266C29.3374 14.6719 29.4332 14.4914 29.4883 14.297C29.5434 14.1026 29.5566 13.8987 29.527 13.6988V13.6913C29.4966 13.4605 29.4064 13.2417 29.2654 13.0566C29.2289 13.0041 28.4311 11.9391 27.4936 10.6894L27.1804 10.2703L26.212 8.98125L25.8014 8.43281C25.0889 7.48219 24.5348 6.74344 24.4889 6.67969C24.4616 6.63757 24.4302 6.59831 24.3951 6.5625C24.2616 6.38806 24.0898 6.24663 23.8929 6.1491C23.6961 6.05157 23.4795 6.00056 23.2598 6H7.85011C7.63191 6.00383 7.41739 6.05691 7.22258 6.15529C7.02778 6.25367 6.85772 6.39479 6.72511 6.56813L1.85949 12.9919C1.81707 13.0457 1.77704 13.1014 1.73949 13.1588C1.55886 13.4176 1.4761 13.7323 1.50598 14.0465C1.53586 14.3608 1.67643 14.6542 1.90261 14.8744L14.4904 28.1981C14.5176 28.2281 14.6011 28.3059 14.6329 28.3331ZM3.99324 14.355H9.9998L14.3076 25.2684L3.99324 14.355ZM11.0376 13.4175L15.0314 7.875H16.0148L20.0076 13.4184L11.0376 13.4175ZM11.0076 14.355H20.0376L15.5226 25.7934L11.0076 14.355ZM21.0454 14.355H27.0782L16.7142 25.3303L21.0454 14.355ZM27.5161 13.8919L27.5395 13.8675C27.5317 13.8569 27.5238 13.8463 27.5161 13.8356V13.8919ZM27.2029 13.4184H21.1626L17.1689 7.875H23.0414L24.7129 10.1053L25.6842 11.3925L26.0217 11.8425L27.2029 13.4184ZM9.88261 13.4184H3.88543L8.0873 7.875H13.8754L9.88261 13.4184Z" fill="black"/>
        </svg>
    },
    Success: ({width=16,height=16,color="#40E931"})=>{
        return <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15.5C9.85652 15.5 11.637 14.7625 12.9497 13.4497C14.2625 12.137 15 10.3565 15 8.5C15 6.64348 14.2625 4.86301 12.9497 3.55025C11.637 2.2375 9.85652 1.5 8 1.5C6.14348 1.5 4.36301 2.2375 3.05025 3.55025C1.7375 4.86301 1 6.64348 1 8.5C1 10.3565 1.7375 12.137 3.05025 13.4497C4.36301 14.7625 6.14348 15.5 8 15.5ZM6.98 11.37H6.27L4 9.1L4.71 8.39L6.63 10.31L10.83 6.1L11.54 6.81L6.98 11.37Z" fill={color}/>
        </svg>

    },
    Like: ({width=16,height=16,color="#40E931"}) =>{
        return <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path d="M15.4633 17.8106L17.7008 9.89398C17.7359 9.76997 17.7417 9.63952 17.7178 9.51289C17.6939 9.38625 17.641 9.26687 17.5632 9.16415C17.4854 9.06142 17.3848 8.97814 17.2694 8.92085C17.1539 8.86356 17.0268 8.83383 16.8979 8.83398H12.1146C12.046 8.83399 11.9783 8.81852 11.9166 8.78873C11.8548 8.75894 11.8005 8.7156 11.7579 8.66193C11.7152 8.60827 11.6851 8.54567 11.67 8.47878C11.6549 8.4119 11.655 8.34247 11.6704 8.27565L11.8788 7.37398C12.0696 6.5469 12.1308 5.69482 12.0604 4.84898L12.0221 4.3894C11.981 3.89636 11.7665 3.43383 11.4167 3.08398C11.0967 2.76391 10.6626 2.58405 10.21 2.58398H10.11C9.83625 2.58398 9.58417 2.73232 9.45167 2.97148L8.34375 4.96523C7.84708 5.85941 7.10669 6.59416 6.20875 7.08398L3.43417 8.59648C3.30262 8.66826 3.19287 8.77419 3.11646 8.90309C3.04006 9.032 2.99982 9.17913 3 9.32898V17.584C3 17.805 3.0878 18.017 3.24408 18.1732C3.40036 18.3295 3.61232 18.4173 3.83333 18.4173H14.6613C14.8427 18.4173 15.0192 18.358 15.1639 18.2485C15.3086 18.139 15.414 17.9853 15.4633 17.8106Z" fill="#D9D9D9" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
    },
    Search: ({width=16,height=16})=>{
        return <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <g clipPath="url(#clip0_4021_15218)">
            <path d="M24.9517 21.981C27.0093 19.1732 27.9309 15.692 27.5321 12.2339C27.1333 8.77581 25.4435 5.59581 22.8007 3.33012C20.158 1.06443 16.7572 -0.119873 13.2787 0.0141574C9.80029 0.148188 6.50072 1.59066 4.04015 4.053C1.57958 6.51533 0.139462 9.81593 0.00792076 13.2945C-0.123621 16.773 1.06311 20.1729 3.3307 22.8141C5.59828 25.4552 8.77949 27.1427 12.2379 27.5391C15.6963 27.9354 19.1768 27.0114 21.9831 24.9517H21.981C22.0447 25.0367 22.1127 25.1175 22.1892 25.1961L30.3705 33.3773C30.7689 33.7761 31.3094 34.0002 31.8731 34.0004C32.4368 34.0006 32.9775 33.7769 33.3763 33.3784C33.775 32.98 33.9991 32.4394 33.9993 31.8757C33.9995 31.312 33.7758 30.7713 33.3773 30.3726L25.1961 22.1913C25.1201 22.1144 25.0384 22.0455 24.9517 21.981ZM25.5 13.8125C25.5 15.3473 25.1976 16.8671 24.6103 18.2851C24.0229 19.7031 23.1621 20.9915 22.0768 22.0768C20.9915 23.1621 19.7031 24.023 18.2851 24.6103C16.8671 25.1977 15.3473 25.5 13.8125 25.5C12.2776 25.5 10.7578 25.1977 9.33984 24.6103C7.92185 24.023 6.63343 23.1621 5.54814 22.0768C4.46286 20.9915 3.60196 19.7031 3.01461 18.2851C2.42726 16.8671 2.12495 15.3473 2.12495 13.8125C2.12495 10.7128 3.35631 7.73999 5.54814 5.54816C7.73998 3.35633 10.7127 2.12497 13.8125 2.12497C16.9122 2.12497 19.8849 3.35633 22.0768 5.54816C24.2686 7.73999 25.5 10.7128 25.5 13.8125Z" fill="#4E5969"/>
            </g>
        </svg>
    },
    Selector: ({width=24,height=24})=>{
        return <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path d="M0 0h24v24H0z" fill="none" stroke="none" />
            <path d="M8 9l4 -4l4 4" />
            <path d="M16 15l-4 4l-4 -4" />
        </svg>
    },
    ArrowLeft: ({width=30,height=30})=>{
        return <svg width={width}  height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path d="M20.0757 26.9334C20.4272 26.5818 20.6246 26.105 20.6246 25.6078C20.6246 25.1106 20.4272 24.6338 20.0757 24.2822L10.7944 15.0009L20.0757 5.7197C20.4172 5.36607 20.6062 4.89244 20.6019 4.40082C20.5976 3.9092 20.4005 3.43893 20.0528 3.09129C19.7052 2.74364 19.2349 2.54645 18.7433 2.54218C18.2517 2.53791 17.778 2.7269 17.4244 3.06845L6.81753 13.6753C6.46602 14.0269 6.26855 14.5038 6.26855 15.0009C6.26855 15.4981 6.46602 15.975 6.81753 16.3266L17.4244 26.9334C17.776 27.285 18.2528 27.4824 18.75 27.4824C19.2472 27.4824 19.724 27.285 20.0757 26.9334Z" fill="black"/>
        </svg>
    },
    ArrowRight: ({width=30,height=30})=>{
        return <svg width={width}  height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path d="M9.92435 26.9334C9.57284 26.5818 9.37537 26.105 9.37537 25.6078C9.37537 25.1106 9.57284 24.6338 9.92435 24.2822L19.2056 15.0009L9.92435 5.7197C9.5828 5.36607 9.39381 4.89244 9.39808 4.40082C9.40236 3.9092 9.59955 3.43893 9.94719 3.09129C10.2948 2.74364 10.7651 2.54645 11.2567 2.54218C11.7483 2.53791 12.222 2.7269 12.5756 3.06845L23.1825 13.6753C23.534 14.0269 23.7314 14.5038 23.7314 15.0009C23.7314 15.4981 23.534 15.975 23.1825 16.3266L12.5756 26.9334C12.224 27.285 11.7472 27.4824 11.25 27.4824C10.7528 27.4824 10.276 27.285 9.92435 26.9334Z" fill="black"/>
        </svg>
    },
    Heart: ({width=33,height=33,color="#DD2A2A"}) =>{
        return <svg width={width}  height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path d="M10.1569 4.73828C6.04362 4.73828 2.70898 8.07292 2.70898 12.1862C2.70898 19.6341 11.5111 26.405 16.2507 27.9798C20.9902 26.405 29.7923 19.6341 29.7923 12.1862C29.7923 8.07292 26.4577 4.73828 22.3444 4.73828C19.8257 4.73828 17.598 5.98886 16.2507 7.90297C15.5639 6.92472 14.6515 6.12636 13.5908 5.57549C12.53 5.02461 11.3522 4.73744 10.1569 4.73828Z" fill={color}/>
        </svg>
    },
    Collect: ({width=25,height=25,color="#FFFFFF"}) =>{
        return <svg width={width}  height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path d="M10.6566 1.73207C11.3714 0.234162 13.5036 0.234161 14.2184 1.73207L16.4225 6.35124C16.7102 6.95408 17.2833 7.37046 17.9455 7.45775L23.0197 8.12663C24.6652 8.34353 25.3241 10.3714 24.1203 11.514L20.4084 15.0377C19.9239 15.4976 19.705 16.1713 19.8266 16.8281L20.7585 21.8606C21.0607 23.4926 19.3357 24.7459 17.877 23.9542L13.3788 21.5127C12.7917 21.1941 12.0833 21.1941 11.4962 21.5127L6.99796 23.9542C5.53926 24.7459 3.81429 23.4926 4.11648 21.8606L5.04836 16.8281C5.16998 16.1713 4.95107 15.4976 4.46663 15.0377L0.754662 11.514C-0.44906 10.3714 0.209818 8.34353 1.85529 8.12663L6.92951 7.45775C7.59173 7.37046 8.16483 6.95408 8.45249 6.35124L10.6566 1.73207Z" fill={color}/>
        </svg>
    },
    Download: ({width=35,height=35,color="#FFFFFF"}) =>{
        return <svg width={width}  height={height} viewBox={`0 0 ${width} ${height}`} opacity={1} xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5701 2C14.4413 2 13.5007 2.86188 13.4015 3.98625C13.1957 6.33554 13.1435 8.69578 13.2455 11.0519L12.8765 11.0781L10.7036 11.2356C10.3863 11.2588 10.0804 11.364 9.81592 11.5409C9.55144 11.7178 9.33743 11.9603 9.19484 12.2448C9.05225 12.5292 8.98597 12.8458 9.00248 13.1636C9.01899 13.4813 9.11773 13.7894 9.28903 14.0575C10.888 16.5596 12.9483 18.7347 15.3601 20.4669L16.2292 21.0925C16.5734 21.3399 16.9866 21.4729 17.4105 21.4729C17.8344 21.4729 18.2475 21.3399 18.5917 21.0925L19.4609 20.4669C21.8727 18.7347 23.933 16.5596 25.5319 14.0575C25.7032 13.7894 25.802 13.4813 25.8185 13.1636C25.835 12.8458 25.7687 12.5292 25.6261 12.2448C25.4835 11.9603 25.2695 11.7178 25.0051 11.5409C24.7406 11.364 24.4347 11.2588 24.1174 11.2356L21.9444 11.0781C21.8215 11.069 21.6985 11.0603 21.5755 11.0519C21.6776 8.69667 21.6251 6.33562 21.4194 3.98625C21.372 3.4439 21.123 2.93904 20.7215 2.57133C20.32 2.20361 19.7953 1.99975 19.2509 2H15.5701ZM15.4884 12.0115C15.3223 9.40487 15.353 6.78947 15.5803 4.1875H19.2407C19.4685 6.78943 19.4997 9.40484 19.334 12.0115C19.325 12.156 19.3447 12.3008 19.392 12.4377C19.4394 12.5745 19.5135 12.7005 19.6099 12.8085C19.7064 12.9165 19.8233 13.0043 19.9539 13.0667C20.0846 13.1292 20.2263 13.165 20.3709 13.1723C20.8434 13.1956 21.3144 13.2248 21.7855 13.2598L23.3619 13.375C21.9617 15.4371 20.2093 17.2365 18.1849 18.6906L17.4119 19.2463L16.6361 18.6906C14.6117 17.2365 12.8592 15.4371 11.459 13.375L13.0355 13.2583C13.5065 13.2248 13.979 13.1956 14.4501 13.1723C14.5948 13.1652 14.7367 13.1295 14.8675 13.0671C14.9983 13.0048 15.1154 12.917 15.212 12.809C15.3086 12.701 15.3828 12.5749 15.4302 12.438C15.4777 12.3011 15.4975 12.1561 15.4884 12.0115Z" fill={color}/>
            <path d="M8.1875 22.0938C8.1875 21.8037 8.07227 21.5255 7.86715 21.3204C7.66203 21.1152 7.38383 21 7.09375 21C6.80367 21 6.52547 21.1152 6.32035 21.3204C6.11523 21.5255 6 21.8037 6 22.0938V25.0104C6 26.4192 7.14333 27.5625 8.55208 27.5625H26.0521C26.7289 27.5625 27.3781 27.2936 27.8567 26.815C28.3353 26.3364 28.6042 25.6873 28.6042 25.0104V22.0938C28.6042 21.8037 28.4889 21.5255 28.2838 21.3204C28.0787 21.1152 27.8005 21 27.5104 21C27.2203 21 26.9421 21.1152 26.737 21.3204C26.5319 21.5255 26.4167 21.8037 26.4167 22.0938V25.0104C26.4167 25.1071 26.3783 25.1998 26.3099 25.2682C26.2415 25.3366 26.1488 25.375 26.0521 25.375H8.55208C8.45539 25.375 8.36266 25.3366 8.29428 25.2682C8.22591 25.1998 8.1875 25.1071 8.1875 25.0104V22.0938Z" fill={color}/>
        </svg>
    }
}